<script setup lang="ts">
import grade from "./components/grade.vue";
import category from "./components/category.vue";
import operator from "./components/operator.vue";
import backup from "./components/backup.vue";
import global from "./components/global.vue";
import {ref} from "vue";

const comMemberLevel = ref(null);

const changeTabs = (value) => {
  console.log(comMemberLevel)
  switch (value) {
    case "1":

  }
}
</script>

<template>
  <n-tabs type="line" animated :on-update:value="changeTabs">
    <n-tab-pane name="1" tab="会员等级">
      <grade ref="ComMemberLevel" />
    </n-tab-pane>
    <n-tab-pane name="2" tab="产品分类">
      <category />
    </n-tab-pane>
    <n-tab-pane name="3" tab="优惠活动">
      七里香
    </n-tab-pane>
    <n-tab-pane name="4" tab="操作员">
      <operator />
    </n-tab-pane>
    <n-tab-pane name="5" tab="备份/恢复">
      <backup />
    </n-tab-pane>
    <n-tab-pane name="6" tab="全局设置">
      <global />
    </n-tab-pane>
  </n-tabs>
</template>

<style scoped lang="less">

</style>
